<div ng-controller="tableCtrl">
    <div class="bg-light lter b-b wrapper-md ng-scope">
        <h4 class="m-n font-thin">桌号管理</h4>
    </div>
    <div class="wrapper-md">
        <div class="panel-body panel-default panel">
            <div class="b-a">
                <div class="panel-body panel m-n b-b">
                    <a class="b-a b-success btn btn-sm text-success h6 m-r-sm" ng-click="openAddPoup()">添加桌号</a>
                    <a class="b-a b-success btn btn-sm text-success h6 m-r-sm" ui-sref="app.tableType">桌号类型管理</a>
                    <span class="text-muted h6">主要用于堂食商品桌号点餐管理所用</span>
                </div>
                <div class="bg-white">
                    <div>
                        <table class="table table-striped bg-white h6 m-n">
                            <thead>
                            <tr>
                                <th width="20">
                                    <label class="i-checks i-checks-sm m-b-none">
                                        <input type="checkbox" ng-checked="isCheckedAll()" ng-click="checkAll($event)"><i></i>
                                    </label>
                                </th>
                                <th>二维码</th>
                                <th>桌号</th>
                                <th>桌号类型</th>
                                <th width="200">操作</th>
                            </tr>
                            </thead>
                            <tbody>
                                <tr ng-repeat="item in list">
                                    <td><label class="i-checks i-checks-sm m-b-none"><input type="checkbox" name="post[]" ng-checked="isChecked(item)" ng-click="updateSelection($event,item)"><i></i></label></td>
                                    <td>
                                        <div>
                                            <div class="pos-rlt inline qr">
                                                <img ng-src="{{app.image.tableQrcode}}{{item.qrCode}}" src="img/default.png" style="width: 30px;height: 30px;"/>
                                            </div>
                                        </div>
                                    </td>
                                    <td>{{item.code}}</td>
                                    <td>{{item.tableTypeName}}</td>
                                    <td>
                                        <button class="btn btn-info btn-sm" ng-click="openRegenerate(item.id,item.code)">重新生成</button>
                                        <button class="btn btn-success btn-sm" ng-click="download(item)">下载</button>
                                        <button class="btn btn-danger btn-sm" ng-click="openDelete(item.id,item.code)">删除</button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div ng-if="list.length<=0 && !app.loading" class="padder-v text-center">
                        <span class="h6">~未搜索到任何数据~</span>
                    </div>
                    <div>
                        <circle-loading ng-if="app.loading"></circle-loading>
                    </div>
                </div>
                <footer class="panel-footer">
                    <div class="row">
                        <div class="col-sm-4 hidden-xs">
                            <button class="btn btn-sm btn-default" ng-click="batchDownload()">批量下载</button>
                        </div>
                        <div class="col-sm-4 text-center">
                            <small class="text-muted inline m-t-sm m-b-sm">显示第 {{startRow}} 至 {{endRow}} 项结果，共 {{totalItems}} 项</small>
                        </div>
                        <div class="col-sm-4 text-right text-center-xs">
                            <pagination boundary-links="true" total-items="totalItems" ng-model="currentPage"
                                        ng-change="pageChanged()" max-size="{{maxPageRow}}" class="pagination-sm m-t-none m-b"
                                        previous-text="上一页" next-text="下一页"
                                        first-text="首页" last-text="尾页"></pagination>
                        </div>
                    </div>
                </footer>
            </div>
        </div>
    </div>
</div>
